<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>添加图书</title>

    <style>

        .main {
            width:500px;
            margin:50px auto;
            box-shadow:0 0 20px 0 rgb(0,0,0,0.2)
            border-radius:10px;
            padding:20px;
        }

        .title{
            font-size:20px;
            text-align:center;
            color:black;
        }

        .data{
            width:100%;
            text-align:center;
        }

        .data div{
            margin-top:15px;
        }

        .data label{
            font-weight:bold;
        }

        .data input[type="submit"] {
            width: 20%;
            padding: 10px;
            border-radius: 5px;
            background-color: rgb(235, 106, 106);
            color: #fff;
            font-size: 15px;
            border: none;
        }

        .data input[type="button"] {
            width: 20%;
            padding: 10px;
            border-radius: 5px;
            background-color: rgb(235, 106, 106);
            color: #fff;
            font-size: 15px;
            border: none;
            margin-left: 15px;
        }

        .data input[type="text"] {
            border-radius: 5px;
            width: 80%;
            border: 1px solid #ccc;
            padding: 10px;
        }
    </style>

</head>
<body>
<div class="main">
    <div class="title">
            <h1>添加图书</h1>
    </div>

    <div class="data">
        <form action="http://127.0.0.1:5000/add" method="post">
            <div>
                 <div>
                     <label for="">书名</label>
                     <input type="text" name="name" class="name">
                 </div>
                <div>
                     <label for="">价格</label>
                     <input type="text" name="price" class="price">
                </div>
                <div>
                     <label for="">简介</label>
                     <input type="text" name="summary" class="summary">
                </div>
                <div>
                     <label for="">库存</label>
                     <input type="text" name="quantity" class="quantity">
                </div>
                <div>
                     <input type="submit" value="添加">
                 </div>



            </div>
        </form>


    </div>


</div>

</body>
</html>
<script type="text/javascript"></script>